<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>查看消息</title>
		<meta name="keywords" content="知果汇" />
		<meta name="description" content="知果汇" />
		<link rel="SHORTCUT ICON" href="_IMG__/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="_CSS_/reset.css">
		<link rel="stylesheet" type="text/css" href="_CSS_/common.css">
		<link rel="stylesheet" href="_CSS_/message_details.css" />
		
	</head>
	<body>
	    <div class="details-box">
	    	<div class="details-title">
	    		<ul>
	    			<li class="check">消息</li>
	    			<li>历史记录</li>
	    		</ul>
	    	</div>
	    	<div class="details-con">
	    	    <div class="row">
		    		<label class="pub-left">消息:</label>
		    		<div class="pub-right">
		    			<p>什么什么问题</p>
		    		</div>
		    	</div>
	    		<div class="row">
		    		<label class="pub-left">回复:</label>
		    		<div class="pub-right pub-ra">
		    			<textarea onKeyUp="textarealength(this,300)" placeholder="请输入你想输入的内容..."></textarea>
		    			<p class="textarea-numberbar"><em class="textarea-length">0</em>/300</p>
		    		</div>
		    	</div>
		    	<div class="row" style="margin-top: 20px;">
                    <div class="btn-box">
            			<a class="msg-btn send-btn" onclick="confirm()" href="javascript:;">发送</a>
            			<a class="msg-btn" onclick="cancel()" href="javascript:;">取消</a>
            		</div>
            	</div>
	    	</div>
	    	<div class="details-con details-cl" style="display: none;">
	    	    <ul>
	    	    	<li>
	    	    		<p class="his-title">买家<span>2018-05-12 11:44:53</span></p>
	    	    		<p class="his-con">有点问题想咨询</p>
	    	    	</li>
	    	    	<li>
	    	    		<p class="his-title">卖家<span>2018-05-12 11:44:53</span></p>
	    	    		<p class="his-con">什么问题</p>
	    	    	</li>
	    	    	<li>
	    	    		<p class="his-title">卖家<span>2018-05-12 11:44:53</span></p>
	    	    		<p class="his-con">什么问题</p>
	    	    	</li>
	    	    	<li>
	    	    		<p class="his-title">卖家<span>2018-05-12 11:44:53</span></p>
	    	    		<p class="his-con">什么问题</p>
	    	    	</li>
	    	    	<li>
	    	    		<p class="his-title">卖家<span>2018-05-12 11:44:53</span></p>
	    	    		<p class="his-con">什么问题</p>
	    	    	</li>
	    	    	<li>
	    	    		<p class="his-title">买家<span>2018-05-12 11:44:53</span></p>
	    	    		<p class="his-con">有点问题想咨询</p>
	    	    	</li>
	    	    	<li class="his-last">
	    	    		<p class="his-title">卖家<span>2018-05-12 11:44:53</span></p>
	    	    		<p class="his-con">什么问题</p>
	    	    	</li>
	    	    </ul>
	    	</div>
    	</div>

	</body>
	<script src="_JS_/jquery-1.8.3.min.js"></script>
	<script src="_JS_/jquery.base64.js"></script>
	<script src="_JS_/jquery.cookie.js"></script>
	<script src="_JS_/common.js"></script>
	<script src="_P_/layer/layer.js"></script>
	<script type="text/javascript">
	/*消息切换*/
        $(document).ready(function(){
			$(".details-title li").on("click",function(){
			    var num =$(".details-title li").index(this);
			    $(".details-title li").removeClass("check");
			    $(this).addClass("check");
			    $(".details-con").hide();
				$(".details-con").eq(num).show();
			 });
		})
		/*textarea字数限制*/
		function textarealength(obj,maxlength){
			var v = $(obj).val();
			var l = v.length;
			if( l > maxlength){
				v = v.substring(0,maxlength);
				$(obj).val(v);
			}
			$(obj).parent().find(".textarea-length").text(v.length);
		}
		//发送
		function confirm(obj){
			var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
		}
		//取消
		function cancel(obj){
            var index = parent.layer.getFrameIndex(window.name);
			parent.layer.close(index);
		}
	</script>
</html>
